<!--应聘简历-->
<template>
  <div class="rightBodyContent">
    <div class="rightBodyContent-in">
      <!--      <el-radio-group v-model="activeTab" style="margin-bottom: 10px;" @change="activeTabFn">-->
      <!--        <el-radio-button label="student">学生考勤</el-radio-button>-->
      <!--        <el-radio-button label="teacher">教职工考勤</el-radio-button>-->
      <!--      </el-radio-group>-->
      <div class="tab-table-line">
        <el-tabs v-model="activeName" type="card">
          <el-tab-pane label="出勤管理" name="first"></el-tab-pane>
          <!--        <el-tab-pane label="历史考勤" name="check"></el-tab-pane>-->
          <el-tab-pane label="缺勤管理" name="history"></el-tab-pane>
          <el-tab-pane label="出勤率" name="attendance"></el-tab-pane>
          <el-tab-pane label="出勤登记表" name="excelPull"></el-tab-pane>
        </el-tabs>
        <el-button size="small" type="primary" plain class="excelDownload" @click="excelDownLoadVisible=true">考勤管理表格总览</el-button>
      </div>
      <!--      今日考勤-->
      <getStudent v-if="activeName=='first'" :tabStatus="activeTab"></getStudent>
      <!--      历史考勤-->
      <absence v-if="activeName=='check'"></absence>
      <!--      缺勤管理-->
      <leaveStudent v-if="activeName=='history'"></leaveStudent>
      <attendance v-if="activeName=='attendance'"></attendance>
      <excelPull v-if="activeName=='excelPull'"></excelPull>
      <excelModelDown :visible.sync="excelDownLoadVisible"></excelModelDown>
    </div>
  </div>
</template>

<script>
import getStudent from "./components/getStudent";
import absence from "./components/absence";
import leaveStudent from "./components/leaveStudent";
import attendance from "./components/attendance";
import excelPull from "./components/excelPull";
import excelModelDown from "./components/excelModelDown";

export default {
  components: {
    absence,
    getStudent,
    leaveStudent,
    attendance,
    excelPull,
    excelModelDown
  },
  data() {
    return {
      activeName: 'first',
      activeTab: 'student',
      excelDownLoadVisible: false
    }
  },
  created() {
  },
  methods: {
    activeTabFn() {
      this.activeName = 'first'
    }
  },
  mounted() {
  }
}
</script>
<style>
.tab-table-line{
  position: relative;
}
.excelDownload{
  position: absolute;
  top: 5px;
  right: 0;
}
</style>
